<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>三元运算符</title>
</head>
<body>
<h4>三元运算符</h4>
<p>
使用场景： 其实是比 if 双分支 更简单的写法，可以使用 三元表达式 <br>
符号：? 与 : 配合使用
</p>
<p>
语法: <br>
条件 ? 满足条件执行的代码 : 不满足条件执行的代码
</p>
<hr>
<p>
题外话: <br>
三元运算符, 一般用来取值的.  用来判断 结构不清晰 <br>
例: let 变量名 = 判断条件 ？ 返回值1 ： 返回值2  <br>
</p>
<hr>

<!--
案例1
判断2个数的最大值
需求：用户输入2个数，控制台输出最大的值
分析：
①：用户输入2个数
②：利用三元运算符输出最大值
-->

<!--
案例2
数字补0案例
需求：用户输入1个数，如果数字小于10，则前面进行补0， 比如 09 03 等
分析：
①：为后期页面显示时间做铺垫
②：利用三元运算符 补 0 计算
-->
<script>
    // 三元运算符 取值
    let sum = 3 < 5 ? 3 : 5
    console.log(sum)

    // 案例1
    // 用户输入2个数, 并且保存
    let 数1 = +prompt("请输入一个数字:")
    let 数2 = +prompt("请在输入一个数字:")
    // 判断, 输出最大值. 三元运算符 写法
    数1 > 数2 ? alert(`最大值是: ${数1}`) : alert(`最大值是: ${数2}`)

    // 案例2
    // 1. 用户输入
    let 数字 = prompt('请您输入一个可能补0的,数字:')
    // 2. 判断输出- 小于10才补0
    数字 = 数字 < 10 ? 0 + 数字 : 数字
    alert(数字)

</script>
</body>
</html>